<template >
  <div class="aa" >
    <div class="home">
       <p class="p1">在线管理系统</p>
       <p class="p2">专注于线上教育,用心做课程,用心做服务</p>
    </div>
  </div>
</template>
<script>
export default {};
</script>
<style >
  
  .aa{
    width: 100%;
  height: 700px;
  background: url(../assets/2.jpg) no-repeat ;
  background-size: 100% 100% ;
  line-height: 80px;
  text-align: center;
  padding-top: 167px;
  box-sizing: border-box;
  position: relative;
  }
.home{
  width:100%;
  height: 700px;
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0,0.3);
  line-height: 80px;
  text-align: center;
  padding-top: 167px;
  box-sizing: border-box;
}
.home img{
    width: 100%;
    height: 100%;
}
.p1{
    font-size: 35px;
    color: rgb(255, 255, 255);
}
.p2{
    font-size: 18px;
    color: rgb(255, 255, 255);
}
</style>